<style>
    .ncsc-district-sub{
        z-index: 1;
    }
    .areas-district{
        position:relative;
        border-style: solid;
        border-width: 1px 1px 0 1px;
        border-color: #FFFEC6 #FFFEC6 #FFFEC6 #FFFEC6;
    }
    .ncsc-district-sub{
        position:absolute;
        background-color: #FFFF73;
        white-space: normal;
        display: none;
        width: 240px;
        border: 1px solid #F7E4A5;
        z-index: 1;
        left: -1px;
        top: 28px;
    }
    .showDistrictPop{
        background-color: #FFFF73;
        margin: 0;
        border-style: solid;
        border-width: 1px 1px 0 1px;
        border-color: #F7E4A5 #F7E4A5 transparent #F7E4A5;
        z-index: 1;

    }
    .check_num_district{
        font: 12px/16px Verdana, Geneva, sans-serif;
        color: #28B779;
        letter-spacing: -1px;
        vertical-align: middle;
        padding-right: 1px;
    }

</style>
<?php $i = 1; $areas = $output['areas']; foreach ($areas['region'] as $region => $provinceIds) { ?>
<li<?php if ($i % 2 == 0) echo ' class="even"'; ?>>
  <dl class="ncsc-region">
    <dt class="ncsc-region-title">
      <span>
          <input type="checkbox" id="J_Group_<?php echo $i; ?>" class="J_Group" value=""/>
          <label for="J_Group_<?php echo $i; ?>"><?php echo $region; ?></label>
      </span>
    </dt>
    <dd class="ncsc-province-list">
<?php foreach ($provinceIds as $provinceId) { ?>
      <div class="ncsc-province">
          <span class="ncsc-province-tab">
            <input type="checkbox" class="J_Province" id="J_Province_<?php echo $provinceId; ?>" value="<?php echo $provinceId; ?>"/>
            <label for="J_Province_<?php echo $provinceId; ?>"><?php echo $areas['name'][$provinceId]; ?></label>
            <span class="check_num"> </span>
                <i class="icon-angle-down trigger"></i>
                <div class="ncsc-citys-sub">
<?php foreach ($areas['children'][$provinceId] as $cityId) { ?>
                    <span class="areas areas-district">
                        <input type="checkbox" class="J_City" id="J_City_<?php echo $cityId; ?>" value="<?php echo $cityId; ?>"/>
                        <label for="J_City_<?php echo $cityId; ?>"><?php echo $areas['name'][$cityId]; ?></label>





                        <span class="check_num_district"> </span>
                        <i class="icon-angle-down trigger-district"></i>
                        <div class="ncsc-district-sub" style="display:none;">
                            <?php foreach ($areas['children'][$cityId] as $districtId) { ?>
                            <span class="areas">
                                <input type="checkbox" class="J_District" id="J_District_<?php echo $districtId; ?>" value="<?php echo $districtId; ?>"/>
                                <label for="J_District_<?php echo $districtId; ?>"><?php echo $areas['name'][$districtId]; ?></label>
                            </span>
                            <?php } ?>
                            <p class="tr hr8"><a href="javascript:void(0);" class="ncbtn-mini ncbtn-bittersweet close_button_district">关闭</a></p>
                        </div>





                    </span>
<?php } ?>
                    <p class="tr hr8"><a href="javascript:void(0);" class="ncbtn-mini ncbtn-bittersweet close_button">关闭</a></p>
                </div>
            </span>
      </div>
<?php } ?>

    </dd>
  </dl>
</li>
<?php $i++; } ?>
